if (self.CavalryLogger) { CavalryLogger.start_js(["L1ygT"]); } __d("ShowCreationFlowTypedLogger",["Banzai","GeneratedLoggerUtils","nullthrows"],(function(a,b,c,d,e,f){"use strict";__p&&__p();a=function(){__p&&__p();function a(){this.$1={}}var c=a.prototype;c.log=function(){b("GeneratedLoggerUtils").log("logger:ShowCreationFlowLoggerConfig",this.$1,b("Banzai").BASIC)};c.logVital=function(){b("GeneratedLoggerUtils").log("logger:ShowCreationFlowLoggerConfig",this.$1,b("Banzai").VITAL)};c.logImmediately=function(){b("GeneratedLoggerUtils").log("logger:ShowCreationFlowLoggerConfig",this.$1,{signal:!0})};c.clear=function(){this.$1={};return this};c.getData=function(){return babelHelpers["extends"]({},this.$1)};c.updateData=function(a){this.$1=babelHelpers["extends"]({},this.$1,a);return this};c.setConnectedPageID=function(a){this.$1.connected_page_id=a;return this};c.setError=function(a){this.$1.error=a;return this};c.setFlowSource=function(a){this.$1.flow_source=a;return this};c.setPageID=function(a){this.$1.page_id=a;return this};c.setStep=function(a){this.$1.step=a;return this};c.setTime=function(a){this.$1.time=a;return this};c.setVC=function(a){this.$1.vc=a;return this};c.setWeight=function(a){this.$1.weight=a;return this};c.updateExtraData=function(a){a=b("nullthrows")(b("GeneratedLoggerUtils").serializeMap(a));b("GeneratedLoggerUtils").checkExtraDataFieldNames(a,g);this.$1=babelHelpers["extends"]({},this.$1,a);return this};c.addToExtraData=function(a,b){var c={};c[a]=b;return this.updateExtraData(c)};return a}();var g={connected_page_id:!0,error:!0,flow_source:!0,page_id:!0,step:!0,time:!0,vc:!0,weight:!0};e.exports=a}),null); __d("PageActionURLHandlerType",[],(function(a,b,c,d,e,f){e.exports=Object.freeze({ASYNC_DIALOG:"async-dialog",ASYNC_POST:"async-post",DIALOG:"dialog",DIALOG_POST:"dialog-post",LINK_OUT:"link-out",LINK_OUT_NEW_TAB:"link-out-new-tab"})}),null); __d("VideoPageThemedActionBarButton.react",["cx","React","XUIButton.react","joinClasses"],(function(a,b,c,d,e,f,g){"use strict";__p&&__p();a=function(a){__p&&__p();babelHelpers.inheritsLoose(c,a);function c(){return a.apply(this,arguments)||this}var d=c.prototype;d.render=function(){var a=this.props,c=a.labelIsHidden,d=a.isBgFilled;a=a.videoPageThemeColor;d=b("joinClasses")(this.props.className,"_6fx8"+(d?" _6fx9":"")+(d?"":" _6fxa")+(c?" _6fxb":""));return b("React").createElement(b("XUIButton.react"),{className:d,"data-testid":this.props["data-testid"],image:this.props.image,label:this.props.label,labelIsHidden:this.props.labelIsHidden,onClick:this.props.onClick,size:"xlarge",style:{"--theme-color":a}})};return c}(b("React").PureComponent);e.exports=a}),null); __d("PageActionBarActionSelector.react",["ix","fbt","ContextualDialogArrow","Image.react","PageActionURLHandlerType","PagesLogger","PagesLoggerEventEnum","PagesLoggerEventTargetEnum","PopoverMenu.react","React","ReactXUIMenu","URI","VideoPageThemedActionBarButton.react","XUIButton.react","asset","cxMargin","fbglyph"],(function(a,b,c,d,e,f,g,h){"use strict";__p&&__p();var i=b("ReactXUIMenu").Item,j=function(a){__p&&__p();var c=function(c){b("PagesLogger").log(a.pageID,b("PagesLoggerEventEnum").CLICK,b("PagesLoggerEventTargetEnum").PAGE_ACTIONS,"pages__header__action_bar",["page_consumer_experience"],{action:c})};return b("React").createElement(b("ReactXUIMenu"),null,a.actions.map(function(d){if(!d.url||!d.label||!d.label.text)return null;b("PagesLogger").log(a.pageID,b("PagesLoggerEventEnum").IMPRESSION,b("PagesLoggerEventTargetEnum").PAGE_ACTIONS,"pages__header__action_bar",["page_consumer_experience"],{action:d.__typename});var e=b("PageActionURLHandlerType")[d.url_handler_type]||null,f=d.url;(e==="async-dialog"||e==="async-post"||e==="dialog")&&(f=new(b("URI"))(d.url).getUnqualifiedURI().toString());var g=function(){return c(d.__typename)};return b("React").createElement(i,{href:f,key:d.label.text,onClick:g,rel:e,target:e==="link-out-new-tab"?"_blank":"_self"},d.label.text)}))};a=function(a){if(a.actions.length===0)return null;var c=a.videoPageThemeColor;return b("React").createElement(b("PopoverMenu.react"),{alignh:"right",layerBehaviors:[b("ContextualDialogArrow")],menu:j(a)},c==null?b("React").createElement(b("XUIButton.react"),{haschevron:!1,image:b("React").createElement(b("Image.react"),{src:g("127000")}),label:h._("More"),labelIsHidden:!0,size:a.size||"large"}):b("React").createElement(b("VideoPageThemedActionBarButton.react"),{className:"_3-99",image:b("React").createElement(b("Image.react"),{src:g("484386")}),isBgFilled:!1,label:h._("More"),labelIsHidden:!0,videoPageThemeColor:c}))};e.exports=a}),null); __d("PageActionContainer.react",["React"],(function(a,b,c,d,e,f){"use strict";a=function(a){var c=a.action.ReactComponent;return!c?null:b("React").createElement(c,a)};e.exports=a}),null); __d("PageActionOpenURLAsyncDialog.react",["cx","AsyncDialog","AsyncRequest","React","URI","VideoPageThemedActionBarButton.react","XUIButton.react","cxMargin"],(function(a,b,c,d,e,f,g){"use strict";__p&&__p();a=function(a){__p&&__p();babelHelpers.inheritsLoose(c,a);function c(){var c,d;for(var e=arguments.length,f=new Array(e),g=0;gj&&(j=n);ml&&(l=m);var r=a[q],s=a[q+1];q=a[q+2];r=.2126*r+.7152*s+.0722*q;r>=250&&g++}}if(f===e.width*e.height||f*h>=g*100){f===e.width*e.height?d.$4("showmark_invalid",new Map([["reason","Not transparent"]])):d.$4("showmark_invalid",new Map([["reason","Not white"],["non transparent pixels",f],["whitePixels",g]]));s=b("React").createElement(b("ShowmarkErrorDialog.react"),{validationFailure:"transparent_and_white"});s=b("ReactDOM").render(s,b("DOM").create("div"));s.show();d.setState({uploadState:null,url:null});return}q=null;r=null;(i!==0||j!==e.width-1||k!==0||l!==e.height-1)&&(r=[i,k,j,l],q=new(b("PhotoZoomCropDimensions"))(new(b("BasicVector"))(e.width,e.height)),q.setCenter((i+j)/e.width/2,(k+l)/e.height/2),q=d.$5(q,r,o,p),d.$4("showmark_upload_cropped",{cropWindow:JSON.stringify(r)}));d.setState({uploadState:"success",url:c,cropDims:q,cropWindow:r})}},d.$6=function(a){d.setState({uploadState:"failed"})},d.$19=function(){d.$4("showmark_creation_toggle",new Map([["is_creation",!d.state.useCreationTool]]));var a=!d.state.useCreationTool;a&&d.$20();d.setState({useCreationTool:a,templateSelected:a?"RALEWAY":null})},d.$24=function(a){a=a.currentTarget.value;a.length<=s&&d.setState({templateText:a},d.$23)},d.$23=function(){__p&&__p();var a=d.state,c=a.templateSelected;a=a.templateText;if(!c||a.lengths)return;var e=b("DOM").create("canvas");e.width=u;e.height=v;var f=e.getContext("2d");f.fillStyle="#FFFFFF";f.textAlign="left";f.textBaseline="bottom";var g=w;f=d.$25(f,g,c);while(f.measureText(a).width>u&&g>x)g--,f=d.$25(f,g,c);if(f.measureText(a).width<=u)f.fillText(a,0,v);else{c=a.split(" ");var h="";for(var c=c,i=Array.isArray(c),j=0,c=i?c:c[typeof Symbol==="function"?Symbol.iterator:"@@iterator"]();;){var k;if(i){if(j>=c.length)break;k=c[j++]}else{j=c.next();if(j.done)break;k=j.value}k=k;if(f.measureText(h+k).width<=u)h+=k+" ";else break}h=h.trim();k=a.slice(h.length).trim();if(f.measureText(k).width>u){while(f.measureText(h+a[h.length]).width<=u)h+=a[h.length];k=a.slice(h.length).trim();while(f.measureText(k).width>u)k=k.slice(0,-1)}f.fillText(h,0,v-g);f.fillText(k,0,v)}b("promiseDone")(b("canvasToBlob")(e,"image/png").then(function(a){var c=new FileReader();c.onload=function(c){d.$3(c),d.setState({file:new File([a],"temp-showmark.png"),fileInput:b("ReactDOM").findDOMNode(d.refs.showmarkCreationFileInput),fileDataURL:e.toDataURL()})};c.onprogress=d.$2;c.onerror=d.$6;c.readAsDataURL(a)}))},d.$20=function(){b("SimpleNUXMessage").markMessageSeenByUser(b("SimpleNUXMessageTypes").SHOWMARK_CREATION_TOOL_NUX),d.setState({creationToolNuxShown:!1})},d.$28=function(){__p&&__p();d.$4("showmark_upload_clicked",{cropWindow:JSON.stringify(d.state.cropWindow)});d.state.useCreationTool&&d.$4("showmark_creation_upload",new Map([["template",d.state.templateSelected],["template_text",d.state.templateText]]));if(d.state.fileInput){d.setState({uploadToServerState:"loading"});var a=b("XShowsLogoUploadController").getURIBuilder().setFBID("page_id",d.props.pageID);d.state.cropWindow&&a.setIntVector("crop_window",d.state.cropWindow);a=b("ActorURI").create(a.getURI(),d.props.pageID);a=new(b("FileInputUploader"))(d.state.fileInput).setURI(a).setFiles({file:d.state.file}).setData({file_data_url:d.state.fileDataURL});a.subscribe("success",function(a,b){d.$4("showmark_upload_success",new Map([["photo_id",b.photoID]])),d.setState({uploadToServerState:"success"}),d.props.onSuccess()});a.subscribe("failure",function(a,b){d.$4("showmark_upload_failed"),d.setState({uploadToServerState:"failed"})});a.send()}},d.$29=function(){d.$4("showmark_dialog_closed"),d.props.hideDialog()},c)||babelHelpers.assertThisInitialized(d)}var d=c.prototype;d.$1=function(a){a=a.files;return!a||!a[0]?null:a[0]};d.$7=function(a,b){__p&&__p();a.preventDefault();a=a.target;var c=this.$1(a);this.setState({fileInput:a,file:c});if(!c)return;a=new FileReader();a.onload=this.$3;a.onprogress=this.$2;a.onerror=this.$6;a.readAsDataURL(c);b?this.$4("showmark_file_selected"):this.$4("showmark_file_changed")};d.$8=function(){return j._("Add Your Showmark")};d.$9=function(){return j._("Your showmark will appear as an overlay in the corner of your videos when they're not playing. Your showmark should represent your show rather than specific episodes.")};d.$4=function(a,c){a=new(b("ShowCreationFlowTypedLogger"))().setFlowSource(this.props.showCreationFlowSource).setStep(a).setPageID(this.props.pageID);c&&(a=a.updateExtraData(c));a.log()};d.$10=function(){return b("React").createElement("div",{className:"_2gzs"},b("React").createElement(b("XUIText.react"),{display:"block",headingLevel:1,weight:"bold",className:"_2gzt"},this.$8()),b("React").createElement(b("XUIText.react"),{display:"block",className:"_2gzu"},this.$9()))};d.$5=function(a,b,c,d){c=Math.min(Math.min(c/(b[2]-b[0]+1),d/(b[3]-b[1]+1)),1);d=a.clone();d.setSize((b[2]-b[0]+1)*c,(b[3]-b[1]+1)*c);d.setZoom(c);return d};d.$11=function(){var a=this.state,c=a.cropWindow,d=a.cropDims;a=a.url;d&&c&&(d=this.$5(d,c,q,r));c=b("React").createElement("div",{className:"_16wy"},d?b("React").createElement(b("PhotoZoomCropImagePreview.react"),{dimensions:d,size:d.getSize(),src:String(a),className:"_16wz"}):b("React").createElement(b("Image.react"),{src:a,className:"_16wz"}));return b("React").createElement("div",{className:"_2gzw"},b("React").createElement(b("XUIText.react"),{display:"block",weight:"bold",className:"_2gzz"},j._("Preview Showmark")),b("React").createElement(b("XUICard.react"),{background:"base-wash",className:"_2gz-"},b("React").createElement("div",{className:"_16w_"},b("React").createElement(b("Layout.react"),{className:"_16x1"},b("React").createElement(l,null,this.props.pageProfilePic?b("React").createElement(b("Image.react"),{src:this.props.pageProfilePic,className:"_4kh1"}):b("React").createElement("div",{className:"_4kh1"})),b("React").createElement(m,null,b("React").createElement(b("XUIText.react"),{weight:"bold"},this.props.pageName),b("React").createElement(b("Layout.react"),null,b("React").createElement(l,null,b("React").createElement(b("XUIGrayText.react"),{shade:"light",size:"meta1"},j._("2 hours ago"))),b("React").createElement(l,{className:"_3-8r"},b("React").createElement(b("XUIGrayText.react"),{shade:"light",size:"meta1"},"\xb7")),b("React").createElement(l,null,b("React").createElement(b("Image.react"),{className:"_4kh3",src:g("124639")})))),b("React").createElement(l,null,b("React").createElement(b("Image.react"),{src:g("125398")}))),b("React").createElement("div",{className:"_16x2"+(this.state.url?" _3d6w":"")},this.state.url?c:b("React").createElement(b("XUIText.react"),{className:"_16wy"},j._("Showmark").toString())),b("React").createElement("div",{className:"_16x5"},b("React").createElement(b("Layout.react"),null,b("React").createElement(m,null,b("React").createElement(b("XUIGrayText.react"),{className:"_16x6",display:"block",shade:"light",size:"meta1"},j._("LATEST EPISODE")),b("React").createElement(b("XUIText.react"),{display:"block",weight:"bold",className:"_16x8"},j._("Episode title"))),b("React").createElement(l,null,b("React").createElement(b("XUIButton.react"),{className:"_16x9",image:b("React").createElement(b("Image.react"),{src:g("121816")}),label:j._("Watchlist"),use:"default",href:"#"})))))),b("React").createElement("div",{className:"_2gz_"},this.$12()))};d.$13=function(){return b("React").createElement("div",{className:"_2g-0"},this.state.uploadToServerState==="loading"?b("React").createElement("div",{className:"_26of"},b("React").createElement(b("XUISpinner.react"),{className:"_26oj",background:"dark",size:"large"})):null,b("React").createElement(b("LeftRight.react"),null,this.$14(),this.$11()))};d.$15=function(){var a=this;return b("React").createElement(b("VideoShowsLogoFileInput.react"),{onFileChange:function(b){return a.$7(b,!0)},ref:"blankLogofileInput"},b("React").createElement("a",{href:"#"},b("React").createElement("div",{className:"_45m5"},b("React").createElement(b("Image.react"),{className:"_3-94",src:g("124971")}),b("React").createElement(b("XUIGrayText.react"),{shade:"medium",size:"header3",className:"_37a1"},j._("Upload or drag image")))))};d.$16=function(){var a=this,c=b("React").createElement(b("VideoShowsLogoFileInput.react"),{onFileChange:function(b){return a.$7(b,!1)},ref:"changeLogofileInput"},b("React").createElement(b("XUIButton.react"),{className:"_3-8y",image:b("React").createElement(b("Image.react"),{src:g("121748")}),label:j._("Change Showmark"),use:"default",href:"#"}));this.state.cropDims&&(c=b("React").createElement(b("Layout.react"),{className:"_3-8o"},b("React").createElement(l,null,b("React").createElement(b("Image.react"),{src:g("116731")})),b("React").createElement(m,{className:"_18p2"},b("React").createElement(b("XUIText.react"),{weight:"bold",display:"block"},j._("Showmark Cropped")),b("React").createElement(b("XUIText.react"),{display:"block"},j._("To make sure your showmark displays properly, your graphic was automatically cropped to remove any extra padding around the sides.")),b("React").createElement("div",null,b("React").createElement(b("XUIButton.react"),{className:"_3-8y _3-90",image:b("React").createElement(b("Image.react"),{src:g("120765")}),label:j._("Revert"),use:"default",href:"#",onClick:function(){a.$4("showmark_upload_crop_reverted"),a.setState({cropDims:null,cropWindow:null})}}),c))));var d=this.state,e=d.cropDims;d=d.url;return b("React").createElement("div",null,b("React").createElement("div",{className:"_45m6"},e?b("React").createElement(b("PhotoZoomCropImagePreview.react"),{className:"_18p3",dimensions:e,size:e.getSize(),src:String(d)}):b("React").createElement(b("Image.react"),{className:"_45m9",src:d})),c)};d.$17=function(){return b("React").createElement(b("AdsXUIProgressBar.react"),{className:"_45mb","data-testid":"SHOWS_LOGO_DIALOG_PROGRESS_BAR",striped:!0,value:100})};d.$18=function(){return b("React").createElement("ul",{className:"_2g-3"},b("React").createElement("li",{className:"_2g-4"},j._("At least 300 pixels tall")),b("React").createElement("li",{className:"_2g-4"},j._("All white graphic on a transparent background")),b("React").createElement("li",{className:"_2g-4"},j._("PNG files only")),b("React").createElement("li",{className:"_2g-4"},j._("Tightly cropped around the edges of your graphic"),b("React").createElement("div",{className:"_2g-5"},b("React").createElement("div",{className:"_2g-6"},j._("Showmark").toString()))))};d.$21=function(){return b("React").createElement("div",null,b("React").createElement(b("XUIText.react"),{className:"_2g-8"},j._("ADD A SHOWMARK")),this.state.url?this.$16():this.$15(),this.state.uploadState==="loading"?this.$17():null)};d.$22=function(a){this.$4("showmark_creation_template_selected",new Map([["template",a]])),this.setState({templateSelected:a},this.$23)};d.$25=function(a,c,d){a.font=c+"px "+b("ShowmarkTemplateFontConfig")[d];return a};d.componentDidUpdate=function(a,b){this.state.useCreationTool&&!b.useCreationTool&&this.$22("RALEWAY")};d.$26=function(a){var c=this;return b("React").createElement("div",{className:"_3h-p"+(a===this.state.templateSelected?" _3h-q":""),onClick:function(){return c.$22(a)},role:"radio","aria-checked":a===this.state.templateSelected,tabIndex:Object.values(b("ShowmarkTemplate")).indexOf(a)},b("React").createElement("span",{style:{fontFamily:b("ShowmarkTemplateFontConfig")[a]},className:"_3h-r"},"Abc"))};d.$27=function(){var a=this,c=s-this.state.templateText.length;return b("React").createElement("div",{className:"_2put"},b("React").createElement(b("XUIText.react"),{className:"_2g-8"},j._("SELECT A SHOWMARK TEMPLATE")),b("React").createElement(b("Grid.react"),{cols:3,spacing:"pas",className:"_3-8o"},Object.keys(b("ShowmarkTemplate")).map(function(c){return b("React").createElement(k,{key:c},a.$26(c))})),b("React").createElement(b("XUITextInput.react"),{className:"_2puu",value:this.state.templateText,onChange:this.$24}),b("React").createElement(b("XUIText.react"),{size:"meta1",display:"block",className:"_3-8x"+(c<=0||this.state.templateText.length=t?j._({"*":"({number} characters remaining)","_1":"(1 character remaining)"},[j._plural(c,"number")]):j._("Showmark must be more than 3 characters")),b("React").createElement(b("VideoShowsLogoFileInput.react"),{ref:"showmarkCreationFileInput",onFileChange:function(){},className:"hidden_elem"},b("React").createElement("a",{href:"#"})))};d.$14=function(){var a=this,c=b("React").createElement(b("Link.react"),{href:"#",onClick:this.$19,className:"_33xa",ref:"creationToolToggleLink"},this.state.useCreationTool?j._("Do you want to add your own showmark?"):j._("Don't have a showmark? Add a default showmark.")),d=b("React").createElement(b("XUIAmbientNUX.react"),{contextRef:function(){return a.refs.creationToolToggleLink},position:"below",shown:this.state.creationToolNuxShown,onCloseButtonClick:this.$20},j._("New! If you don't have a showmark, Facebook can make one for you to get started."));return b("React").createElement("div",{className:"_2g-7"},b("React").createElement(b("XUIText.react"),{className:"_2g-8"},j._("SHOWMARK REQUIREMENTS")),this.$18(),this.state.useCreationTool?this.$27():this.$21(),c,this.state.creationToolNuxShown?d:null)};d.$12=function(){var a=this.state.uploadToServerState==="loading",c=this.state.useCreationTool&&(!this.state.templateSelected||this.state.templateText.length